Ext.onReady(function() {
	var member = new Ext.Panel( {
		title : '个人信息',
		id : 'topPanel',
		width : 200,
		minSize : 175,
		maxSize : 300,
		layout : {
			type : 'vbox',
			align : 'center'
		},
		bodyStyle : "padding-left:10px; padding-top:10px",
		items : [ new Ext.form.Label( {
			id : "labelID",
			text : "测试label组件：",
			autoShow : true,//默认false
			autoWidth : true,//默认false
			autoHeight : true,//默认false
			hideMode : "offsets",//默认display,可以取值：display，offsets，visibility
			disabled : true
		}), {
			xtype : "label",
			id : "labelTest",
			text : "aaaaaaaaa",
			html : "bbbbbbbbb"
		}, new Ext.form.Label( {
			id : "xxx",
			text : "测试label组件：",
			autoShow : true,//默认false
			autoWidth : true,//默认false
			autoHeight : true,//默认false
			hideMode : "offsets",//默认display,可以取值：display，offsets，visibility
			disabled : true
		}) ]
	});

	var node = new Ext.tree.AsyncTreeNode( {
		text : '功能项',
		draggable : false,
		id : 'source'
	});

	var treePanel = new Ext.Panel( {
		id : "treePanel",
		title : "功能列表",
		width : 200,
		height : 180,
		items : [ new Ext.tree.TreePanel( {
			id : "function",
			height : 178,
			rootVisible : true,
			collapsible : false,
			layout : "fit",
			loader : new Ext.tree.TreeLoader( {
				dataUrl : 'function/menu.action',//异步读取的url
				requestMethod : 'post'
			})
		}) ],
		tools : [ {
			id : 'refresh',
			handler : function() {
				var tree = Ext.getCmp('function');
				tree.root.reload();
			}
		} ]
	});

	Ext.getCmp('function').setRootNode(node);
	node.expand();

	var leftPanel = new Ext.Panel( {
		title : "信息列表",
		id : "leftPanel",
		width : 202,
		minSize : 175,
		maxSize : 300,
		height : 250,
		collapsible : true,
		margins : "5px",
		autoScroll : false,
		enableDD : false,//是否支持拖拽效果
		containerScroll : true,//是否支持滚动条
		split : true,
		layout : {
			type : "vbox",
			align : 'left'
		},
		items : [ member, treePanel ]
	});

	var window = new Ext.Window( {
		width : 500,
		height : 300,
		frame : true,
		layout : {
			type : "hbox",
			align : "center"
		},
		autoScroll : false,
		resizable : false, /*是否可手动调整Window大小，默认为true*/
		closable : true, //是否显示关闭按钮，默认为true
		renderTo : Ext.getBody(),
		items : [ leftPanel ]
	});

	window.show();
});